
<template>
  <div>
    <div class="bg_video">
      <video muted autoplay="autoplay" loop="loop" src="../assets/video/home-bg.31c7659b.mp4"></video>
    </div>
    <div class="header">
      <olp-header-menu></olp-header-menu>
    </div>

    <div class="newsoft">
      <el-descriptions title="最新版本" style="width: 400px;">
        <el-descriptions-item label="版本号">v3.8.6</el-descriptions-item>
        <el-descriptions-item label="更新时间">2023.7.4</el-descriptions-item>
      </el-descriptions>


      <el-descriptions class="margin-top" title="更新详情" :column="1" direction="vertical" style="width: 400px;">
        <el-descriptions-item>修复了页面跳转时数据丢失的问题</el-descriptions-item>
        <el-descriptions-item>修复了登录时页面卡顿的问题</el-descriptions-item>
        <el-descriptions-item>增添了公告便签的功能</el-descriptions-item>
      </el-descriptions>
    </div>

    <div class="soft">
      <h3 class="softtitle">往期版本</h3>
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="v3.8.5" name="1">
          <div>修复了注册时系统无响应的问题</div>
          <div>增加了导航栏功能</div>
        </el-collapse-item>
        <el-collapse-item title="v3.8.3" name="2">
          <div>修复了页面长时间无响应和页面抖动等问题</div>
        </el-collapse-item>
        <el-collapse-item title="v3.8.2" name="3">
          <div>修复了用户无法登录的问题</div>
          <div>增加了版本管理功能</div>
        </el-collapse-item>
        <el-collapse-item title="v3.8.1" name="4">
          <div>初始版本</div>
        </el-collapse-item>
      </el-collapse>

    </div>
  </div>
</template>

<script setup>
import OlpHeaderMenu from '../components/base/OlpHeaderMenu/OlpHeaderMenu.vue'
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()
onMounted(() => {

  if (localStorage.getItem('token') == `""` || localStorage.getItem('token') == null) {
    router.push('/')
  }
})

</script>

<style lang="scss" scoped>
.soft {
  padding-left: 100px;
  width: 400px;
  padding-top: 30px;
}

.newsoft {
  padding-left: 100px;
}

.softtitle {
  text-align: left;
}

.bg_video {
  position: absolute;
  z-index: -1;
  width: 100%;

  video {
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
    object-fit: cover;
    outline: none !important;
    mix-blend-mode: darken;
    width: 100vw;
    height: 99.81vh;
  }
}
</style>